<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付失败</title>
</head>
<style>
       *{
         margin:0;
         padding:0;
         box-sizing: border-box;
         font: 12px/20px tahoma, arial, "Hiragino Sans GB", "\5b8b\4f53",
        sans-serif;
     }

     body{
         background-color: #eee;
     }

    .tip{
        padding-top:50px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .tip div:nth-child(2){
        margin-top:25px;
        font-size:30px;
        margin-bottom:30px;
    }

    button{
        width:60%;
        height: 35px;
        border:none;
        text-align:center;
        line-height:35px;
        background:orangered;
        color:white;
        font-size:16px;
    }
    button:hover{
        opacity: 0.9;
        filter: grayscale(0.1);
    }
</style>
<body>
     <div class="tip">
          <div>
            <svg t="1649686313198" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3981" width="200" height="200"><path d="M553.984 553.984l0-256-84.010667 0 0 256 84.010667 0zM553.984 726.016l0-86.016-84.010667 0 0 86.016 84.010667 0zM512 86.016q176 0 301.013333 125.013333t125.013333 301.013333-125.013333 301.013333-301.013333 125.013333-301.013333-125.013333-125.013333-301.013333 125.013333-301.013333 301.013333-125.013333z" p-id="3982" fill="#d81e06"></path></svg>
          </div> 
          <div>
            订单超时
          </div> 
          <!-- <button> 返回 </button> -->
     </div>
</body>
</html>